<template>
	<view class="">
		
		
		<view class="flex-col justify-start relative page">
		  <view class="section"></view>
		  <image
		    class="image pos"
		    src="/static//index-icon-top.png"
		  />
		  
		  <image
		    class="image_4 pos_5"
		    src="https://ide.code.fun/api/image?token=66a335aa47b10e001126a128&name=bfd104a5fc4d649a99e7e710f97cb12c.png"
		  />
		  
		  <text class="text pos_4">中语未来</text>
		 
		  <view class="flex-row justify-center section_2 pos_3">
		    <image
		      class="image_3"
		      src="/static/index-search.png"
		    />
		    <text class="text_2 ml-5-5">搜一搜</text>
		  </view>
		  <image
		    class="image_9 pos_10"
		    src="/static/index-icon-bg1.png"
		  />
		  <image
		    class="image_6 pos_7"
		    src="/static/index-icon-bg3.png"
		  />
		  <image
		    class="image_7 pos_8"
		    src="/static//index-icon-bg2.png"
		  />
		  <image
		    class="image_5 pos_6"
		    src="/static/index-menu-list.png"
		  />
		  <text class="font text_4 pos_12">我是你的智能助手悠悠</text>
		  <view class="pos_11">
		    <text class="font text_3">我是你的</text>
		    <text class="font text_5">智能助手悠悠</text>
			<text class="" @click="toLogin">denglu</text>
		  </view>
		  
		  <image
		    class="image_8 pos_9"
		    src="/static/index-icon.png"
		  />
		  
		</view>
		<!-- 底部 tabbar -->
				<view class="page-bottom">
					<tabbar @callback="callback"></tabbar>
				</view>
	</view>
</template>

<script>
	// import {
	// 	bindUser,
	// 	userInfo
	// } from '@/api/user.js'
	import tabbar from "@/components/tabbar/tabbar.vue"

	export default {
		data() {
			return {
				
			}
		},
		components: {
					tabbar
				},
		onLoad() {


		},
		onShow() {
			uni.hideTabBar()
		},
		methods: {
			toLogin(){
				uni.navigateTo({
					url: '/pages/login/index'
				})
			},
			callback() {},
			getData() {
				getHome({}).then(res => {
					this.productList = res.data.cate;
					this.config = res.data.config;
					this.adList.push(this.config.store_shipin_img)
					this.adList.push(this.config.store_gongzhong_img)
					this.adList.push(this.config.store_kuaishou_img)
					this.adList.push(this.config.store_douyin_img)
					uni.setNavigationBarTitle({
						title: res.data.config.store_title
					})
				}).catch(err => {
					console.log(2222, err)
				})
			},

		}
	}
</script>

<style>
	@import url('../../common/css/common.css');

	.ml-5-5 {
		margin-left: 11rpx;
	}

	.mt-7 {
		margin-top: 14rpx;
	}

	.mt-6-5 {
		margin-top: 13rpx;
	}

	.ml-35 {
		margin-left: 70rpx;
	}

	.page {
		background-image: linear-gradient(0deg, #d3f5ff 0%, #e6edff 46%, #dff0ff 100%);
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.section {
		background-image: linear-gradient(0deg, #d3f5ff 0%, #e6edff 46%, #dff0ff 100%);
		width: 750rpx;
		height: 1624rpx;
	}

	.image {
		width: 208rpx;
		height: 88rpx;
	}

	.pos {
		position: absolute;
		right: 0;
		top: 9rpx;
	}

	.image_2 {
		width: 655rpx;
		height: 24rpx;
	}

	.pos_2 {
		position: absolute;
		right: 36rpx;
		top: 33rpx;
	}

	.image_4 {
		width: 113rpx;
		height: 34rpx;
	}

	.pos_5 {
		position: absolute;
		left: 62rpx;
		top: 124rpx;
	}

	.text {
		color: #000001;
		font-size: 42rpx;
		font-family: Alimama ShuHeiTi;
		font-weight: 700;
		line-height: 40rpx;
	}

	.pos_4 {
		position: absolute;
		left: 37rpx;
		top: 102rpx;
	}

	.section_2 {
		/* padding: 19rpx 26rpx 18rpx;
		border-radius: 12rpx;
		background-image: url('../../static/index-title-bottom.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 172rpx; */
		width: 171rpx;
		height: 61rpx;
		border-radius: 12rpx;
		background: #fbfafc73;
		padding: 19rpx 26rpx 18rpx;
	}

	.pos_3 {
		position: absolute;
		right: 15rpx;
		top: 96rpx;
	}

	.image_3 {
		width: 25rpx;
		height: 25rpx;
	}

	.text_2 {
		color: #000000;
		font-size: 24rpx;
		font-family: PingFang SC;
		line-height: 23rpx;
	}

	.image_9 {
		width: 327rpx;
		height: 314rpx;
	}

	.pos_10 {
		position: absolute;
		left: 32rpx;
		bottom: 390rpx;
	}

	.image_6 {
		width: 223rpx;
		height: 330rpx;
	}

	.pos_7 {
		position: absolute;
		right: 102rpx;
		top: 333rpx;
	}

	.image_7 {
		width: 298rpx;
		height: 271rpx;
	}

	.pos_8 {
		position: absolute;
		left: 68rpx;
		top: 442rpx;
	}

	.image_5 {
		width: 94vw;
		height: 17.0667vw;
	}

	.pos_6 {
		position: absolute;
		left: 30rpx;
		right: 15rpx;
		top: 248rpx;
	}

	.font {
		font-size: 46rpx;
		font-family: PingFang SC;
		line-height: 45rpx;
	}

	.text_4 {
		color: #ffffff;
	}

	.pos_12 {
		position: absolute;
		right: 95rpx;
		bottom: 443rpx;
	}

	.pos_11 {
		position: absolute;
		right: 99rpx;
		bottom: 444rpx;
	}

	.text_3 {
		color: #010101;
		line-height: 43rpx;
	}

	.text_5 {
		color: #0373fd;
	}

	.image_8 {
		width: 426rpx;
		height: 442rpx;
	}

	.pos_9 {
		position: absolute;
		left: 50%;
		bottom: 547rpx;
		transform: translateX(-50%);
	}

	.section_3 {
		padding: 4rpx 0 72rpx 58rpx;
		background-color: #ffffff;
		border-radius: 36rpx 36rpx 0rpx 0rpx;
	}

	.pos_13 {
		position: absolute;
		left: 0;
		right: 0;
		top: 1435rpx;
	}

	.group_3 {
		margin-top: 28rpx;
	}

	.image_13 {
		width: 60rpx;
		height: 51rpx;
	}

	.font_2 {
		font-size: 20rpx;
		font-family: PingFang SC;
		line-height: 19rpx;
		color: #727997;
	}

	.group {
		margin-top: 22rpx;
	}

	.image_11 {
		width: 73rpx;
		height: 58rpx;
	}

	.text_6 {
		line-height: 20rpx;
	}

	.image_10 {
		width: 97rpx;
		height: 97rpx;
	}

	.group_2 {
		margin-top: 21rpx;
		width: 265rpx;
	}

	.group_1 {
		padding: 0 2rpx;
	}

	.image_12 {
		width: 90rpx;
		height: 59rpx;
	}

	.image_14 {
		margin-top: 4rpx;
		margin-bottom: 4rpx;
	}
</style>